<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" 
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:t="http://myfaces.apache.org/tomahawk">
	<head>
		<title>
		</title>	
	</head>
	<body>

	
	<ui:composition template="/Template/template01.xhtml">
			<ui:define name="body">
			
			<h:form id="formRol">
			
			
			
	<table width="95%" border="0" cellpadding="0" cellspacing="0" class="tablainte1">
          <tr>
            <td colspan="2" align="right" class="CelTop"><img src="images/transp.gif" width="1" height="1" /></td>
          </tr>
          <tr>
            <td height="10" align="right">&#160;</td>
            <td >&#160;</td>
          </tr>
          <tr>
            <td width="2%" height="10" align="right"><h:graphicImage library="images" name="flechanaranja.gif" id="img3"  width="11" height="13"/></td>
            <td width="98%" ><span class="TextoTitulosBlack">#{message.menuAdministracion}:</span> <span class="TextoTitulos">ROLES</span></td>
         	
          </tr>
        </table>
	
	
	
   
    <table  border="0" cellpadding="0" class="indent50">
	     <tr>
	        <td class="TextotituloEnviarCeleste">#{message.mensRolList}</td>
	      </tr>
	    
    </table>
    		
		<h:dataTable binding="#{role.dataTable}" rows="50" border="0" id="dtable" value="#{role.rolesD}" var="listas"  style="margin-left: 5%; width: 90%;" styleClass="TablaFondo2Listado"  cellpadding="0" cellspacing="1" >
							
							<h:column>
								<f:facet name="header">
									ID
								</f:facet>
								<div id="div" align="center">
									#{listas.inIdrole}
								</div>
							</h:column>
							
							<h:column>
								<f:facet name="header">
									Nombre
								</f:facet>
								<h:outputText  value="#{listas.vcName}" />
							</h:column>

							
							<h:column>
								<f:facet name="header">
									Estado
								</f:facet>
									<h:graphicImage library="images" name="afiliado.gif" rendered="#{listas.chState == '1'}"/>
									<h:graphicImage library="images" name="desafiliado.gif" rendered="#{listas.chState == '0'}"/>

							</h:column>



							<h:column>
								<f:facet name="header">
									Fecha de Registro
								</f:facet>
								<h:outputText value="#{listas.dtRegistry}">
									<f:convertDateTime pattern="#{message.dateFormat}" timeZone="#{message.timeZone}"/>
								</h:outputText>

							</h:column>
							
							


						</h:dataTable>   
     
   

  
			<h:inputHidden id="DivFor"></h:inputHidden></h:form>
			
				
			
	</ui:define>
		</ui:composition>
		
	</body>	
</html>